<template>
  <div>
    <div class="title">
      <el-row>
        <el-col :span="1" style="width: 50px;">
          <span style="color:#757575;">位置 :</span>
        </el-col>
        <el-col :span="20">
          <span @click="tableshow" class="hand" :class="{'text' : !secondshow}">技术面试结果</span>
          <span v-if="secondshow" :class="{'text' : secondshow}">> {{secondtitle}}</span>
        </el-col>
      </el-row>
    </div>
    <div class="posttable" v-show="!addShow">
      <el-row type="flex" justify="center">
        <el-col :span="23">
          <div class="tabletitle" style="float: left;">
            <el-radio v-model="radio" @change="radioChange" label="通过">通过</el-radio>
            <el-radio v-model="radio" @change="radioChange" label="未通过">未通过</el-radio>
            <el-radio v-model="radio" @change="radioChange" label="挂起">挂起</el-radio>
            <el-radio v-model="radio" @change="radioChange" label="待面试">待面试</el-radio>
          </div>
          <div style="margin-bottom:20px;float: right;">
            <el-row type="flex" justify="space-between" style="margin-top: 11px;" class="btn">
              <el-input
                style="width: 136px;"
                size="small"
                placeholder="请输入内容"
                v-model.trim="inputValue"
                @keyup.enter.native="searchMsg"
              >
                <i
                  slot="suffix"
                  class="el-input__icon el-icon-search"
                  style="cursor: pointer;"
                  @click="searchMsg"
                ></i>
              </el-input>
              <!-- <div style="margin-left: 5px;">
                <el-button class="newcon" size="small" round @click="addshow" v-if="radio!='未反馈'">新增</el-button>
                <el-button
                  class="edit"
                  @mousedown.native="editdown"
                  @mouseup.native="editup"
                  :class="{'active1' : newcolor1}"
                  size="small"
                  @click="editClick"
                  v-if="radio!='未反馈'"
                  round
                >修改</el-button>
                <el-button
                  class="delete"
                  @mousedown.native="deletedown"
                  @mouseup.native="deleteup"
                  @click="deletedata"
                  v-if="radio!='未反馈'"
                  :class="{'active2' : newcolor2}"
                  size="small"
                  round
                >删除</el-button>
                <el-button
                  class="download"
                  size="small"
                  @click="download"
                  v-if="radio!='未反馈'"
                  round
                >下载</el-button>
              </div> -->
            </el-row>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="center" class="feedback">
        <el-col :span="23">
          <el-table
            ref="singleTable"
            highlight-current-row
            :data="tableData"
            @current-change="handleCurrentChange"
          >
            <el-table-column label="推送客户" width="120">
              <template slot-scope="scope">
                <!-- prop="name" -->
                <span style="color: #757575;">{{scope.row.customerName}}</span>
              </template>
            </el-table-column>
            <el-table-column label="需求编号" width="140">
              <template slot-scope="scope">
                <!-- prop="name" -->
                <span>{{scope.row.requireNum}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="postName" label="推送职位"></el-table-column>
            <el-table-column prop="postLevel" label="职位级别"></el-table-column>
            <el-table-column prop="area" label="所属区域"></el-table-column>
            <el-table-column label="姓名">
              <template slot-scope="scope">
                <!-- prop="name" -->
                <span style="cursor: pointer; color:#1198ff;" @click="seedetails(scope.row)">{{scope.row.name}}</span>              
                </template>
            </el-table-column>
            <el-table-column label="毕业时间">
              <template slot-scope="scope">
                <span>{{scope.row.graduationTime | converTime("YYYY-MM")}}</span>
              </template>
            </el-table-column>
            <el-table-column label="出生年月">
              <template slot-scope="scope">
                <span>{{scope.row.birthday | converTime("YYYY-MM")}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="phone" label="联系方式"></el-table-column>
            <el-table-column prop="status" label="离职状态"></el-table-column>
            <el-table-column prop label="期望薪资">
              <template slot-scope="scope">
                <span
                  v-if="scope.row.customerName !== '港交所'"
                >{{scope.row.expectSalary}}k*{{scope.row.expectSalaryNum}}</span>
                <span v-if="scope.row.customerName == '港交所'">无</span>
              </template>
            </el-table-column>
            <el-table-column label="到岗时间">
              <template slot-scope="scope">
                <span>{{scope.row.entryTime}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="pusherName" label="推送人"></el-table-column>
            <el-table-column label="推送时间">
              <template slot-scope="scope">
                <span>{{scope.row.createTime | converTime("YYYY-MM-DD")}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="initialEvaluation" label="初步评价" show-overflow-tooltip></el-table-column>
            <el-table-column label="简历名称">
              <template slot-scope="scope">
                <!-- prop="originalFilename" -->
                <span>{{scope.row.originalFilename}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="direction" label="面试方向"></el-table-column>
            <el-table-column prop="technicalEvalution" v-if="radio !== '待面试'" label="技术面试备注" show-overflow-tooltip></el-table-column>
          </el-table>
          <div class="pager">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="pagehandleCurrentChange"
              :current-page="currentPage"
              :page-sizes="[5,10,15]"
              :page-size="pagesize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="totalcount"
            ></el-pagination>

       

            <!--            未选择表格当前行的弹出框-->
            <el-dialog
              title="错误"
              :visible.sync="editdialogVisible"
              width="30%"
              :before-close="handleClose"
              class="deletedialog"
            >
              <div style="text-align: center">
                <i class="el-icon-warning" style="font-size: 20px;color: #fcb543;">
                  <span style="font-size: 16px;color: #333;margin-left: 12px;">尚未选择任何面试反馈</span>
                </i>
              </div>
              <span slot="footer" class="dialog-footer">
                <el-button class="sure" round @click="handleOpen">确 定</el-button>
                <el-button round @click="handleClose" class="cancel">取 消</el-button>
              </span>
            </el-dialog>
            <!-- 简历反馈查看详情 -->
            <el-dialog
              title="查看详情"
              :visible.sync="detailVisible"
              width="415px"
              :before-close="detailClose"
              class="addroledialog back1"
            >
              <div style="text-align: left;width: 524px;margin-top: 20px;">
                <el-row>
                  <el-col>
                    <span style="color: #333;font-weight: 700;">简历情况 :</span>
                    <span style="color:#fb8284;">{{statusJf}}</span>
                  </el-col>
                  <el-col style="margin: 20px 0 50px;">
                    <span style="color: #333;font-weight: 700;">备注 :</span>
                    <span style="color:#9b9b9b;">{{remarksJf}}</span>
                  </el-col>
                </el-row>
              </div>
            </el-dialog>
            <!-- 面试未反馈查看详情 -->
            <el-dialog
              title="查看详情"
              :visible.sync="detailVisible1"
              width="415px"
              :before-close="detailClose1"
              class="addroledialog back1"
            >
              <div style="text-align: left;width: 524px;margin-top: 15px;">
                <el-row>
                  <el-col style="margin: 10px 0 50px;">
                    <span style="color: #333;font-weight: 700;">未反馈原因 :</span>
                    <span style="color:#9b9b9b;">{{remarksMs}}</span>
                  </el-col>
                </el-row>
              </div>
            </el-dialog>
          </div>
        </el-col>
      </el-row>
    </div>
    <div v-if="type == 1">
      <resume-detail :detail-code="detailcode" v-show="addShow" :radio="radio" @getData="getData1"></resume-detail>
    </div>
  </div>
</template>
<script>
import axios from "axios";
import moment from "moment";
import ResumeDetail from './resumedetail'
import qs from "qs";
export default {
   components: {
      ResumeDetail
    },
  data() {
    return {
      inputValue: "",
      days: "",
      secondshow: false,
      editdialogVisible: false,
      closedialogVisible: false,
      differcopierDialogVisible: false,
      radio: "通过",
      tableData: [],
      currentPage: 1,
      pagesize: 15,
      totalcount: 0,
      newcolor1: false,
      detailVisible: false,
      detailVisible1: false,
      statusJf: "",
      remarksJf: "",
      remarksMs: "",
      newcolor2: false,
      type: null,
      detailcode: null,
      secondtitle: "",
      addShow: false,
      currentRow: null,
      feedBackVisible: false,
      dialogFormVisible: false,
      samemailDialogVisible: false,
      dialogVisible: false,
      formLabelWidth: "120px",
      deletedis: false,
      id: []
    };
  },
  created() {
    this.success();
  },
  methods: {
    //获取保存状态下的表格数据
    getData() {
      this.addShow = false;
      this.secondshow = false;
      this.currentRow = null;
      var form = {
        condition: this.searchword,
        pageNum: this.currentPage,
        pageSize: this.pagesize
      };
      if (this.radio == "通过") {
        axios
          .post(this.url + "/technicalInterview/getTG", form)
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          });
      } else if (this.radio == "未通过") {
        axios
          .post(this.url + "/technicalInterview/getTTH", form)
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          });
      }
      // 添加挂起
      else if (this.radio == "挂起") {
        axios
          .post(this.url + "/technicalInterview/getGQ", form)
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          });
      }
      // 添加待面试
      else if (this.radio == "待面试") {
        axios
          .post(this.url + "/technicalInterview/getDMS", form)
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          });
      }
    },
    getData1() {
      this.addShow = false;
      this.secondshow = false;
      this.currentRow = null;
      this.currentPage = 1;
      var form = {
        condition: this.searchword,
        pageNum: this.currentPage,
        pageSize: this.pagesize
      };
      if (this.radio == "通过") {
        axios
          .post(this.url + "/technicalInterview/getTG", form)
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          });
      } else if (this.radio == "未通过") {
        axios
          .post(this.url + "/technicalInterview/getTTH", form)
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          });
      }
      // 添加挂起
      else if (this.radio == "挂起") {
        axios
          .post(this.url + "/technicalInterview/getGQ", form)
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          });
      }
      // 添加待面试
      else if (this.radio == "待面试") {
        axios
          .post(this.url + "/technicalInterview/getDMS", form)
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          });
      }
    },
    addshow() {
      this.addShow = !this.addShow;
      this.secondtitle = "新增反馈";
      this.secondshow = true;
      this.type = 5;
      this.$nextTick(() => {
        if (this.$refs.uploadAdd) {
          this.$refs.uploadAdd.initdata();
          this.$refs.uploadAdd.clearData();
          this.$refs.uploadAdd.resetFields("form");
        }
      });
    },
    // 修改按钮点击
    editClick() {
      this.currentrow = null;
      if (this.currentRow == null) {
        document.documentElement.style.overflow = "hidden";
        //未选择表格行，展示的弹出框
        this.editdialogVisible = !this.editdialogVisible;
      } else {
        document.documentElement.style.overflow = "auto";
        this.addShow = !this.addShow;
        this.secondtitle = "修改反馈";
        this.secondshow = !this.secondshow;
        this.type = 4;
        this.currentrow = this.currentRow;
        //修改子组件的事件触发
        if (this.$refs.editinterview) {
          this.$refs.editinterview.clearData();
          this.$refs.editinterview.resetFields("form");
        }
      }
    },
    editdown() {
      this.newcolor1 = true;
    },
    editup() {
      this.newcolor1 = false;
    },
    //从后台获取通过表格的数据
    success() {
      axios
        .post(this.url + "/technicalInterview/getTG", {
          condition: this.inputValue,
          pageNum: this.currentPage,
          pageSize: this.pagesize
        })
        .then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            if (res.data.data !== null) {
              this.tableData = res.data.data.list;
              this.totalcount = res.data.data.total;
            }
          }
        });
    },
    //搜索
    searchMsg() {
      this.currentPage = 1;
      if (this.radio == "通过") {
        axios
          .post(this.url + "/technicalInterview/getTG", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      } else if (this.radio == "未通过") {
        // /feedbackalready
        axios
          .post(this.url + "/technicalInterview/getTTH", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      } else if (this.radio == "挂起") {
        axios
          .post(this.url + "/technicalInterview/getGQ", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      } else if (this.radio == "待面试") {
        axios
          .post(this.url + "/technicalInterview/getDMS", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      }
    },
    //组件页面消失，回到当前页面
    tableshow(row) {
      this.addShow = false;
      this.secondshow = false;
      this.$refs.singleTable.setCurrentRow(row);
      this.type = null;
      this.typechange1();
    },

    handleOpen() {
      this.editdialogVisible = false;
      document.documentElement.style.overflow = "auto";
    },
    handleClose() {
      this.editdialogVisible = false;
      document.documentElement.style.overflow = "auto";
    },
    handleClose1() {
      this.closedialogVisible = false;
      document.documentElement.style.overflow = "auto";
    },
  
    handleSizeChange(val) {
      this.pagesize = val;
      this.typechange1();
    },
    handleCurrentChange(val) {
      this.currentRow = val;
    },
    pagehandleCurrentChange(val) {
      this.currentPage = val;
      this.typechange1();
    },
    //单选框变化
    radioChange(val) {
      this.currentPage = 1;
      if (val == "通过") {
        this.inputValue = "";
        this.unfeedback = false;
        this.checked = false;
        this.success();
      } else if (this.radio == "未通过") {
        // /feedbackalready
        axios
          .post(this.url + "/technicalInterview/getTTH", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      } else if (this.radio == "挂起") {
        axios
          .post(this.url + "/technicalInterview/getGQ", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      } else if (this.radio == "待面试") {
        axios
          .post(this.url + "/technicalInterview/getDMS", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      }
    },
    typechange1() {
      if (this.radio == "通过") {
        this.unfeedback = false;
        this.checked = false;
        this.success();
      } else if (this.radio == "未通过") {
        // /feedbackalready
        axios
          .post(this.url + "/technicalInterview/getTTH", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      } else if (this.radio == "挂起") {
        axios
          .post(this.url + "/technicalInterview/getGQ", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      } else if (this.radio == "待面试") {
        axios
          .post(this.url + "/technicalInterview/getDMS", {
            condition: this.inputValue,
            pageNum: this.currentPage,
            pageSize: this.pagesize
          })
          .then(res => {
            if (res.data.code == 200) {
              if (res.data.data !== null) {
                this.tableData = res.data.data.list;
                this.totalcount = res.data.data.total;
              }
            }
          });
      }
    },
    //删除弹出框
    deletedata(row) {
      if (this.currentRow == null) {
        document.documentElement.style.overflow = "hidden";
        this.editdialogVisible = !this.editdialogVisible;
      } else {
        document.documentElement.style.overflow = "hidden";
        this.dialogVisible = true;
        this.deletedis = false;
      }
    },
 
    //发送删除请求
    deletesend() {
      this.dialogVisible = false;
      this.deletedis = true;

      if (this.radio == "候选人") {
        axios
          .post(
            this.url + "/interviewFeedBack/delRecord",
            qs.stringify({
              id: this.currentRow.id
            })
          )
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.dialogVisible = false;
              this.deletedis = false;
              this.currentPage = 1;
              this.success();
              document.documentElement.style.overflow = "auto";
            }
          });
      } else if (this.radio == "面试官") {
        axios
          .post(
            this.url + "/interviewFeedBack/delRecordByInterview",
            qs.stringify({
              id: this.currentRow.id
            })
          )
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code == 200) {
              this.dialogVisible = false;
              this.deletedis = false;
              this.currentPage = 1;
              axios
                .post(this.url + "/interviewFeedBack/getFeedBackByinterview", {
                  condition: this.inputValue,
                  pageNum: this.currentPage,
                  pageSize: this.pagesize
                })
                .then(res => {
                  this.unlogin(res.data.code);
                  if (res.data.code == 200) {
                    if (res.data.data !== null) {
                      this.tableData = res.data.data.list;
                      this.totalcount = res.data.data.total;
                    }
                  }
                });
              document.documentElement.style.overflow = "auto";
            }
          });
      }
    },
    deletedown() {
      this.newcolor2 = true;
    },
    deleteup() {
      this.newcolor2 = false;
    },
    // 下载按钮点击
    download() {
      if (this.radio == "候选人") {
        axios
          .post(this.url + "/interviewFeedBack/downExcelByCandidate", {})
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code !== -1) {
              window.location.href =
                this.url + "/interviewFeedBack/downExcelByCandidate";
            }
          });
      } else if (this.radio == "面试官") {
        axios
          .post(this.url + "/interviewFeedBack/downExcelByInterview", {})
          .then(res => {
            this.unlogin(res.data.code);
            if (res.data.code !== -1) {
              window.location.href =
                this.url + "/interviewFeedBack/downExcelByInterview";
            }
          });
      }
    },
    viewdetail111(row) {
      this.detailVisible = true;
      document.documentElement.style.overflow = "hidden";
      axios
        .post(this.url + "/interviewFeedBack/selById", {
          id: row.row.id,
          type: row.row.type
        })
        .then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            if (res.data.data !== null) {
              this.statusJf = res.data.data.statusJf;
              this.remarksJf = res.data.data.remarksJf;
            }
          }
        });
    },
    detailClose() {
      this.detailVisible = false;
      document.documentElement.style.overflow = "auto";
    },
    seedetails(val) {
        this.detailcode = val;
        this.addShow = true;
        this.secondshow = true;
        this.secondtitle = "查看简历详情";
        this.type = 1;
      },
    viewdetail222(row) {
      this.detailVisible1 = true;

      document.documentElement.style.overflow = "hidden";
      axios
        .post(this.url + "/interviewFeedBack/selById", {
          id: row.row.id,
          type: row.row.type
        })
        .then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            console.log(row.row.type);
            if (res.data.data !== null) {
              if (row.row.type == "简历") {
                this.remarksMs = res.data.data.remarksJf;
              } else {
                this.remarksMs = res.data.data.remarksMs;
              }
            }
          }
        });
    },
    detailClose1() {
      this.detailVisible1 = false;
      console.log(111);
      document.documentElement.style.overflow = "auto";
    }
  },

  watch: {
    inputValue: function(val) {
      if (val == "") {
        this.currentPage = 1;
        this.typechange1();
      }
    }
  }
};
</script>
<style scoped>
.download {
  width: 65px;
  height: 28px;
  padding: 7px 15px !important;
  opacity: 0.86;
  margin-left: 5px;
  color: #fff;
  background: linear-gradient(to bottom, #2e5b9a 0%, #304a6c 100%);
}
.download:hover {
  color: #fff !important;
}

.download:focus {
  color: #fff !important;
}
.edit {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #00cebf 0%, #009085 100%);
  padding: 7px 15px !important;
}
.newcon {
  width: 65px;
  height: 28px;
  padding: 7px 15px !important;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #5696f8 0%, #143dea 100%);
}
.title {
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding-left: 20px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.active1 {
  background: linear-gradient(to bottom, #595dff 0%, #7073ff 100%);
}
.text {
  color: #1099ff;
}

.posttable {
  min-height: 700px;
  background-color: #fff;
}

.tabletitle {
  margin-left: 20px;
  height: 50px;
  line-height: 50px;
}

.back {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #6a76c7 0%, #8995e8 100%);
  padding: 7px 15px !important;
}

.back:hover {
  color: #fff !important;
}
.back:focus {
  color: #fff !important;
}
.colsure {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #00cebf 0%, #009085 100%);
  padding: 7px 6px !important;
}

.colsure:hover {
  color: #fff !important;
}
.colsure:focus {
  color: #fff !important;
}
.send {
  width: 65px;
  height: 28px;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #feaa12 0%, #f28316 100%);
  padding: 7px 15px !important;
}
.delete {
  width: 65px;
  height: 28px;
  padding: 7px 15px !important;
  opacity: 0.86;
  color: #fff;
  background: linear-gradient(to bottom, #ffbc1c 0%, #f69710 100%);
}

.delete:hover {
  color: #fff !important;
}

.delete:focus {
  color: #fff !important;
}
.active2 {
  background: linear-gradient(to bottom, #ff9600 0%, #d68300 100%);
}
.send:hover {
  color: #fff !important;
}
.send:focus {
  color: #fff !important;
}

.resutable {
  background-color: #fff;
}

.pager {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}

.el-pagination {
  margin-left: 50%;
  transform: translateX(-50%);
}

.resumeLink {
  cursor: pointer;
  color: #1198ff;
  text-decoration: none;
}

.line {
  height: 1px;
  background-color: #c8c8c8;
  margin-top: 3px;
  margin-bottom: 20px;
}

.darkline {
  height: 1px;
  background-color: #4288c3;
  margin-top: 10px;
  margin-bottom: 20px;
}

.lightLine {
  height: 1px;
  background-color: #cccccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (min-width: 600px) and (max-width: 1700px) {
  .dialogBox {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media screen and (min-width: 1701px) and (max-width: 1920px) {
  .dialogBox {
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
</style>
